<?php /* Smarty version Smarty-3.1.11, created on 2012-10-08 08:38:28
         compiled from "_layout\standart\login.tpl" */ ?>
<?php /*%%SmartyHeaderCode:30073507274e4ec5321-59532186%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    '2851f514bfbeb361351785d9ce2fd72b1417d2e0' => 
    array (
      0 => '_layout\\standart\\login.tpl',
      1 => 1349677400,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '30073507274e4ec5321-59532186',
  'function' => 
  array (
  ),
  'variables' => 
  array (
    'websitetitle' => 0,
  ),
  'has_nocache_code' => false,
  'version' => 'Smarty-3.1.11',
  'unifunc' => 'content_507274e5073344_68294102',
),false); /*/%%SmartyHeaderCode%%*/?>
<?php if ($_valid && !is_callable('content_507274e5073344_68294102')) {function content_507274e5073344_68294102($_smarty_tpl) {?><!DOCTYPE HTML>
<html>
<head>
<title><?php echo $_smarty_tpl->tpl_vars['websitetitle']->value;?>
</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="_layout/standart/css/reset.css">
<link rel="stylesheet" type="text/css" href="_layout/standart/css/structure.css">
<link rel="stylesheet" type="text/css" href="_layout/standart/css/login.css">

<script type="text/javascript">
$(function(){
	
	// Checking for CSS 3D transformation support
	$.support.css3d = supportsCSS3D();
	
	var formContainer = $('.loginWrapper');
	
	// Listening for clicks on the ribbon links
	$('.flip').click(function(e){
		
		// Flipping the forms
		formContainer.toggleClass('flipped');
		
		// If there is no CSS3 3D support, simply
		// hide the login form (exposing the recover one)
		if(!$.support.css3d){
			$('#login').toggle();
		}
		e.preventDefault();
	});
	
	formContainer.find('form').submit(function(e){
		// Preventing form submissions. If you implement
		// a backend, you might want to remove this code
		//e.preventDefault();
	});
	
	
	// A helper function that checks for the 
	// support of the 3D CSS3 transformations.
	function supportsCSS3D() {
		var props = [
			'perspectiveProperty', 'WebkitPerspective', 'MozPerspective'
		], testDom = document.createElement('a');
		  
		for(var i=0; i<props.length; i++){
			if(props[i] in testDom.style){
				return true;
			}
		}
		
		return false;
	}
});
</script>

<style>
/* # Login page
================================================== */
.loginWrapper { width: 240px; position: absolute; left: 50%; top: 60%; margin: -124px 0 0 -120px; text-align: center; -moz-perspective: 800px; -webkit-perspective: 800px; perspective: 800px; }


/* === Login hover buttons === */

.logleft, .logright, .logback { background: url(http://themes.kopyov.com/aquincum/images/loginControl.png) no-repeat; height: 37px; width: 37px; position: absolute; top: 36px; display: block;   }
.logleft { left: 0px; background-position: 0 0; } 
.logright { right: 0px; background-position: -38px 0; } 
.logback { left: 0; background-position: -76px 0; }
.logleft:hover { background-position: 0 -39px; } 
.logright:hover { background-position: -38px -39px; } 
.logback:hover { background-position: -76px -39px; }
#login{ z-index:100; }
#recover{ z-index:1; opacity:0; filter: alpha(opacity=0); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
.flipped #login{ opacity:0; filter: alpha(opacity=0); -moz-transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); }
.loginWrapper.flipped #recover{ opacity:1; filter: alpha(opacity=100); -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); transform:rotateY(0deg); }
.loginWrapper form { width:100%; height:100%; position:absolute; top:0; left:0;

/* Enabling 3d space for the transforms */
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;

/* When the forms are flipped, they will be hidden */
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

/* Enabling a smooth animated transition */
-moz-transition:0.8s;
-webkit-transition:0.8s;
transition:0.8s;

/* Configure a keyframe animation for Firefox */
-moz-animation: pulse 2s infinite;

/* Configure it for Chrome and Safari */
-webkit-animation: pulse 2s infinite;
}


.loginPic { text-align: center; display: block; position: relative; overflow: hidden; float: left;
margin-top: 90px;
margin-left: 50px;}
.loginPic span { display: block; color: #5f5f5f; font-size: 14px; margin-top: 10px; font-weight: bold; text-shadow: 0 1px 1px #ffffff; }
.loginWrapper form { display: block; margin: 0 auto; width: 236px; }
.loginWrapper a { display: inline-block; }

.loginUsername { background: #fbfbfb url(../images/icons/loginUsername.png) no-repeat 213px 7px; }
.loginPassword { background: #fbfbfb url(../images/icons/loginLock.png) no-repeat 214px 7px; }
.loginEmail { background: #fbfbfb url(../images/icons/loginEmail.png) no-repeat 213px 7px; }
.logControl { margin-top: 15px; }
.logControl .memory { float: left; margin-top: 5px; }
.logControl input[type=submit] { float: right; }
.loginsection { margin-top:78px; float:left; width:220px; margin-left:70px;}

</style>

</head>
<body>
<div id="light">
    <div id="logo"></div>
	<div class="loginWrapper">
		<form id="login" method="post" class="box login">
				<div class="loginPic">
					<img src="_layout/standart/images/login/userLogin2.png" alt="">
				</div>
				<div class="loginsection">
					<input type="text" name="username" style="background-color:#F9F9F9;" placeholder="<?php echo $_smarty_tpl->getConfigVariable('username');?>
" class="loginUsername">
					<input type="password" name="password" style="background-color:#F9F9F9;" placeholder="<?php echo $_smarty_tpl->getConfigVariable('password');?>
" class="loginPassword">
					<div class="logControl">
						<input type="submit" name="submit" value="<?php echo $_smarty_tpl->getConfigVariable('login');?>
" class="btnLogin bBlue">
					</div>
				</div>
				<footer style="clear:both;text-align: right;padding-top: 60px;">
					<a href="#" class="flip"><?php echo $_smarty_tpl->getConfigVariable('forget');?>
</a>
				</footer>
		</form>

		<form id="recover" method="post" class="box login">
				<div class="loginPic">
					<img src="_layout/standart/images/login/userLogin1.png" alt="">
				</div>
				<div class="loginsection">
					<input type="text" name="mail" style="background-color:#F9F9F9;" placeholder="<?php echo $_smarty_tpl->getConfigVariable('email');?>
" class="loginUsername">
					<div class="logControl">
						<input type="submit" name="login" value="<?php echo $_smarty_tpl->getConfigVariable('send');?>
" class="btnLogin bBlue">
					</div>
				</div>
				<footer style="clear:both;text-align: right;padding-top: 60px;">
					<a href="#" class="flip"><?php echo $_smarty_tpl->getConfigVariable('back');?>
</a>
				</footer>
		</form>
    </div>
</div>

<div class="modal" id="logged">
        <h3><?php echo $_smarty_tpl->getConfigVariable('loggedin');?>
</h3>
        <p><?php echo $_smarty_tpl->getConfigVariable('loggedin_text');?>
</p> 
</div>

<div class="modal" id="notloggedin">
        <h3><?php echo $_smarty_tpl->getConfigVariable('notloggedin');?>
</h3>
        <p><?php echo $_smarty_tpl->getConfigVariable('notloggedin_text');?>
</p>
</div>
<div class="modal" id="lostpassword">
        <h3><?php echo $_smarty_tpl->getConfigVariable('notimplemented');?>
</h3>
        <p><?php echo $_smarty_tpl->getConfigVariable('notimplemented_text');?>
</p>
</div>
</body>

</html>
<?php }} ?>